<template>
	<view>
		<!-- 色块 -->
		<view class="colorBlock">
			
		</view>
		
		<!-- 卡片 -->
		<view class="GoodsCard">
			<view class="box">
				<text>支付功能异常</text>
				<img src="@/static/img/right.png" alt=""
				style="width: 30rpx;height: 30rpx;margin-top: 58rpx;"
				@tap="jump('payError')"/>
			</view>
			
			<view class="box2">
				<text>页面无法打开</text>
				<img src="@/static/img/right.png" alt="" 
				style="width: 30rpx;height: 30rpx;margin-top: 58rpx;"
				/>
			</view>
			
			<view class="box3">
				<text>界面加载慢</text>
				<img src="@/static/img/right.png" alt="" 
				style="width: 30rpx;height: 30rpx;margin-top: 58rpx;"
				/>
			</view>
		</view>
		
		<!-- <button class="btn">退出登录</button> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				jump(text){
					uni.navigateTo({
						url:`/pages/my/Setup/help/error/${text}/${text}`
					})
				},
			}
		},
		methods: {
			
		}
	}
</script>

<style>
page{
	background-color: #F7F7F7;
}

.colorBlock{
	width: 100%;
	height: 50rpx;
	background-color: #FFA400;
	position: absolute;
	z-index: -1;
}

.GoodsCard{
	width: 100%;
	height: 100vh;
	background-color: white;
	border-radius: 34rpx;
	padding-left: 32rpx;
	padding-right: 32rpx;
	box-sizing: border-box;
	margin-bottom: 30rpx;
}

.box{
	border-bottom: 1rpx solid #ccc;
	line-height: 152rpx;
	display: flex;
	justify-content: space-between;
}

.box2{
	border-bottom: 1rpx solid #ccc;
	line-height: 152rpx;
	display: flex;
	justify-content: space-between;
}

.box3{
	line-height: 152rpx;
	display: flex;
	justify-content: space-between;
}

.btn{
	position: absolute;
	bottom: 30rpx;
	left: 30rpx;
	width: 689rpx;
	height: 80rpx;
	background-color: #FFA400;
	color: white;
	line-height: 80rpx;
}
</style>
 